jQuery جی کوئری یکی از زبان های پرکاربرد در صفحات طراحی سایت می باشد. متدهای مختلفی که در زبان جی کوئری وجود دارد قابلیت ها و ایفکت های مختلفی را در صفحه طراحی وب سایت قابل اجرا می نماید. متحرک سازی اجزای صفحه طراحی سایت مانند انیمیشن ، پنهان سازی ، نمایش ، پنهان سازی وغیره در فرمت متد هایی با نام های animate() ، clearQueue() ، delay() ، dequeue() ، fadeIn() ، fadeOut() ، fadeTo() ، fadeToggle() ، finish() ، hide() و غیره آیتم های پرکاربردی در زبان جی کوئری می باشند. با بهره گیری از هر یک کدام از متدها می توانید متحرک سازی و ایفکت مورد نظر خود را در صفحه طراحی سایت اجرا نمایید.

$("#hide").click(function(){
$("p").hide();
});

$("#show").click(function(){
$("p").show();
});

کد بالا مثالی از متد پنهان سازی و نمایش خواهد بود که با کلیک آیتمی از صفحه را در حالت نمایش و عدم نمایش قرار می دهد. همچنین می توانید سرعت پنهان سازی را نیز تنظیم نمایید. کد زیر بیانگر این موضوع در صفحه طراحی سایت شما می باشد.

$("button").click(function(){
$("p").hide(1000);
});

تابع toggle()در جوکوئری

تابع toggle() می تواند آپشنی را برای نمایش و عدم نمایش آیتم در صفحه طراحی وب سایت شما قرار دهد. کد زیر این امر را پیاده سازی می نماید.

$("button").click(function(){
$("p").toggle();
});

زیبایی صفحه طراحی سایت شما می تواند در جذب نظر کاربران سایت شما موثر باشد که خود در روندی مطابق اصول سئو سایت و بهینه سازی سایت قرار می گیرد.

طراحی سایت

نظرات شما عزیزان:

نام :

آدرس ایمیل:

وب سایت/بلاگ :

متن پیام:

نظر خصوصی

 کد را وارد نمایید:

 

 

 

عکس شما

آپلود عکس دلخواه: